<div ng-controller="TabsDemoCtrl">
  <tabset>
      <tab heading="Pedido">
          <ng:include  src="'pedido.html'"></ng:include>
          <ng:include  src="'partials/shoppingCart.htm'"></ng:include>
      </tab>
    
<!--    <tab select="alertMe()">-->
    <tab>
      <tab-heading>
        <i class="glyphicon glyphicon-bell"></i> Buscar pedido
      </tab-heading>
      <ng:include  src="'partials/pedidos.htm'"></ng:include>
    </tab>
  </tabset>

  <hr />

</div>

<script type="text/ng-template" id="pedido.html">
    <p>

    <!--    Search2: <input type="text" ng-model="selected" typeahead="p.sku for p in store.products | filter:$viewValue | limitTo:8" class="form-control" typeahead-template-url="customTemplate.html">-->
    <!--    Search2: <input type="text" ng-model="selected" typeahead="p for p in prods.items | filter:$viewValue | limitTo:8" class="form-control" typeahead-template-url="customTemplate.html">-->
        <div class="form-group">
             <label for="idSelected">Buscar producto</label>
            <input type="text" ui-keypress="{13:'hizoEnter($event)'}" id="idSelected" ng-model="selected" typeahead="p as p.sku for p in prods.items | filter:$viewValue | limitTo:8" class="form-control" typeahead-template-url="customTemplate.html">
            <label for="idSelected">Producto seleccionado: {{selected.description}}</label>
        </div>    
        <div class="form-group">
            <label for="idPacks">Packs</label>
            <input ng-model="packs" id="idPacks" class="form-control" ><br/>

        </div>         
        <div class="form-group">         
            <label for="idUnidades">Unidades</label>
             <input ng-model="unidades" id="idUnidades" class="form-control"><br/>
        </div>         

        <button ng-click="pmgAddToCar()" class="form-control" >Agregar al carrito</button>
        <script type="text/ng-template" id="customTemplate.html">
             <a>
                <span bind-html-unsafe="match.model.sku  | typeaheadHighlight:query"></span><span bind-html-unsafe="match.model.name"></span><span bind-html-unsafe="match.model.price"></span>

            </a>
        </script>
    </p>
</script>
